<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Lasker: Chess Plugin Fixture</title>
		<link rel="stylesheet" type="text/css" href="../../../../../main/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../main/css/demoPage.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../main/css/board.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../main/css/boards/16x16.css" />		
		<link rel="stylesheet" type="text/css" href="../../style/chessvideos.tv/css/chess.css" />
		<script type="text/javascript" src="../../../../../main/lib/jquery-1.3.1.js"></script>
		<script type="text/javascript" src="../../../../../main/js/lasker-0.1.0.js"></script>
		<script type="text/javascript" src="../../../../../plugins/chess/0.1.0/js/actions.js"></script>
		<script type="text/javascript" src="../../../../../main/js/fixture-game.js"></script>
		<script type="text/javascript" src="../../../../../main/lib/jqueryui/jquery-ui-personalized-1.6rc5.min.js"></script>		
		<script type="text/javascript">
			var clickCount, moveCount;
			clickCount=0;
			moveCount=0;
			
			$.fn.styleName = "chessvideos.tv";			
		</script>
    </head>
    <body>
    	<div id="block1">
    		<div id="lasker">
				<table id="gameboard" summary="An example playing field" cellpadding="0" cellspacing="0" >
					<colgroup>  
						<col id="col-key-first" />  
						<col id="col-key01" />  
						<col id="col-key02" />  
						<col id="col-key03" />  
						<col id="col-key04" />  
						<col id="col-key05" />  
						<col id="col-key06" />  
						<col id="col-key07" />  
						<col id="col-key08" />  
						<col id="col-key-last" />  
					</colgroup>  
			         
					<thead>  
						<tr>  
							<th scope="col" class="col" id="top-right"/>  
							<th scope="col" class="col" id="top00">a</th>  
							<th scope="col" class="col" id="top01">b</th>  
							<th scope="col" class="col" id="top02">c</th>  
							<th scope="col" class="col" id="top03">d</th>  
							<th scope="col" class="col" id="top04">e</th>  
							<th scope="col" class="col" id="top05">f</th>  
							<th scope="col" class="col" id="top06">g</th>  
							<th scope="col" class="col" id="top07">h</th>  
							<th scope="col" class="col" id="top-left" />
						</tr>  
					</thead>  
		
					<tfoot>  
						<tr>  
							<th scope="col" class="col" id="bottom-right" />
							<th scope="col" class="col" id="foot00">a</th>  
							<th scope="col" class="col" id="foot01">b</th>  
							<th scope="col" class="col" id="foot02">c</th>  
							<th scope="col" class="col" id="foot03">d</th>  
							<th scope="col" class="col" id="foot04">e</th>  
							<th scope="col" class="col" id="foot05">f</th>  
							<th scope="col" class="col" id="foot06">g</th>  
							<th scope="col" class="col" id="foot07">h</th>  
							<th scope="col" class="col" id="bottom-left" />
						</tr>  
					</tfoot>  
		
			
					<tbody>  
						<tr id="y07">  
							<th scope="row">8</th>    
							<td id="x00y07" class="white"><img alt="rook" class="rook" src="../../style/chessvideos.tv/img/p2/rook.png" /></td>
							<td id="x01y07" class="black"><img alt="knight" class="knight" src="../../style/chessvideos.tv/img/p2/knight.png" /></td>
							<td id="x02y07" class="white"><img alt="bishop" class="bishop" src="../../style/chessvideos.tv/img/p2/bishop.png" /></td>
							<td id="x03y07" class="black"><img alt="queen"  class="queen" src="../../style/chessvideos.tv/img/p2/queen.png" /></td>
							<td id="x04y07" class="white"><img alt="king" class="king" src="../../style/chessvideos.tv/img/p2/king.png" /></td>
							<td id="x05y07" class="black"><img alt="bishop" class="bishop" src="../../style/chessvideos.tv/img/p2/bishop.png" /></td>
							<td id="x06y07" class="white"><img alt="knight" class="knight" src="../../style/chessvideos.tv/img/p2/knight.png" /></td>
							<td id="x07y07" class="black"><img alt="rook" class="rook" src="../../style/chessvideos.tv/img/p2/rook.png" /></td>
							<th scope="row">8</th>    
						</tr>  
						<tr id="y06">  
							<th scope="row">7</th>    
							<td id="x00y06" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>
							<td id="x01y06" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>
							<td id="x02y06" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>
							<td id="x03y06" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>
							<td id="x04y06" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>
							<td id="x05y06" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>
							<td id="x06y06" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>
							<td id="x07y06" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p2/pawn.png" /></td>    
							<th scope="row">7</th>    
						</tr>  
						<tr id="y05">  
							<th scope="row">6</th>    
							<td id="x00y05" class="white"></td>    
							<td id="x01y05" class="black"></td>
							<td id="x02y05" class="white"></td>
							<td id="x03y05" class="black"></td>
							<td id="x04y05" class="white"></td>
							<td id="x05y05" class="black"></td>
							<td id="x06y05" class="white"></td>
							<td id="x07y05" class="black"></td>
							<th scope="row">6</th>    
						</tr>  
						<tr id="y04">  
							<th scope="row">5</th>    
							<td id="x00y04" class="black"></td>
							<td id="x01y04" class="white"></td>
							<td id="x02y04" class="black"></td>
							<td id="x03y04" class="white"></td>
							<td id="x04y04" class="black"></td>
							<td id="x05y04" class="white"></td>
							<td id="x06y04" class="black"></td>
							<td id="x07y04" class="white"></td>
							<th scope="row">5</th>    
						</tr>  
						<tr id="y03">  
							<th scope="row">4</th>    
							<td id="x00y03" class="white"></td>    
							<td id="x01y03" class="black"></td>
							<td id="x02y03" class="white"></td>
							<td id="x03y03" class="black"></td>
							<td id="x04y03" class="white"></td>
							<td id="x05y03" class="black"></td>
							<td id="x06y03" class="white"></td>
							<td id="x07y03" class="black"></td>
							<th scope="row">4</th>    
						</tr>  
						<tr id="y02">  
							<th scope="row">3</th>    
							<td id="x00y02" class="black"></td>    
							<td id="x01y02" class="white"></td>
							<td id="x02y02" class="black"></td>
							<td id="x03y02" class="white"></td>
							<td id="x04y02" class="black"></td>
							<td id="x05y02" class="white"></td>
							<td id="x06y02" class="black"></td>
							<td id="x07y02" class="white"></td>
							<th scope="row">3</th>    
						</tr>  
						<tr id="y01">  
							<th scope="row">2</th>    
							<td id="x00y01" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<td id="x01y01" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<td id="x02y01" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<td id="x03y01" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<td id="x04y01" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<td id="x05y01" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<td id="x06y01" class="white"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<td id="x07y01" class="black"><img alt="pawn" class="pawn" src="../../style/chessvideos.tv/img/p1/pawn.png" /></td>
							<th scope="row">2</th>    
						</tr>  
						<tr id="y00">  
							<th scope="row">1</th>    
							<td id="x00y00" class="black"><img alt="rook" class="rook" src="../../style/chessvideos.tv/img/p1/rook.png" /></td>
							<td id="x01y00" class="white"><img alt="knight" class="knight" src="../../style/chessvideos.tv/img/p1/knight.png" /></td>
							<td id="x02y00" class="black"><img alt="bishop" class="bishop" src="../../style/chessvideos.tv/img/p1/bishop.png" /></td>
							<td id="x03y00" class="white"><img alt="king" class="king" src="../../style/chessvideos.tv/img/p1/king.png" /></td>
							<td id="x04y00" class="black"><img alt="quuen" class="queen" src="../../style/chessvideos.tv/img/p1/queen.png" /></td>
							<td id="x05y00" class="white"><img alt="bishop" class="bishop" src="../../style/chessvideos.tv/img/p1/bishop.png" /></td>
							<td id="x06y00" class="black"><img alt="knight" class="knight" src="../../style/chessvideos.tv/img/p1/knight.png" /></td>
							<td id="x07y00" class="white"><img alt="rook" class="rook" src="../../style/chessvideos.tv/img/p1/rook.png" /></td>    
							<th scope="row">1</th>
						</tr>  
			        </tbody>     
		 	</table>
		</div>
		<div id="happyPath">
			<h2>Happy Path</h2>
			<p>x4y1</p>
			<p>x4y3</p>
		</div>
	</div>
	<div id="block2">
				<div>
				<h2>Move <span id="moveNo">0</span></h2>
			<form action="">
				<input type="button" value="<<" id="btnLastMove"/>
				<input type="button" value=">>" id="btnNextMove"/>
			</form>
		</div>
		<div id="messages">
			<p>
			</p>
		</div>
		<div id="messagesHistory">
			<p>
			</p>
		</div>
	</div>
	</body>
</html>
